@import "../../styles/variables";

$product-card-border-radius: .2rem;

.product-card {
  border-radius: $product-card-border-radius;
  background: $color-white;

  .product-card-image {
    width: 100%;
    height: auto;
    border-top-left-radius: $product-card-border-radius;
    border-top-right-radius: $product-card-border-radius;
  }

  .product-card-image-loading {
    height: 176px;
  }

  .product-card-content {
    padding: 0.2rem;

    .product-card-title {
      font-size: 26px;
    }
  }
}
